/*************************************************************
    GLOBAL
*************************************************************/
body, html {
  MARGIN: 0px;
  COLOR: black;
  FONT-WEIGHT:normal;
  font-size:0.85em;
  height: 100%;
  font-family: Arial, sans-serif;
}

#page {
  position: relative;
  min-height: 100%;
  height: 97%;
}

A {
  COLOR: #000;
  FONT-WEIGHT:normal;
}

img {
  border:0;
}

/*************************************************************
    HEADER
*************************************************************/
#header {
  height: 80px;
  background-color: #FFFFFF;
}

#fonctionsgenerales {
  float: right;
  BACKGROUND-COLOR: #FFFFFF;
  color: #4F81BD;
  height: 60px;
  width: 145px;
}

#fonctionsgenerales a {
  color: #4F81BD;
}

/*************************************************************
    MENUS - SOUS-MENUS
*************************************************************/
#menudiv {
  border: 0px;
  width: 99%;
  padding: 0px;
  margin:0px;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
}

#menu {
  padding: 0px;
  margin: 0px;
  font-size: 1.4em;
  text-transform: uppercase;
}

#sousmenu {
  padding: 0px;
  margin: 0px;
  float: right;
  font-size: 1.2em;
}

#menu  li, #sousmenu li {
  list-style-type: none;
  float:left;
  background: url(../img/separationMenu.gif) no-repeat 100% 50%;
  padding: 0 10px;
}

#menu a:link, #menu a:visited {
  text-decoration:none;
  font-weight: bold;
  color:#000000;
}

#sousmenu a:link, #sousmenu a:visited {
  text-decoration:none;
  font-weight: normal;
  color:#000000;
}

#menu a.quantitative:hover, #menu a.quantitative:active, #menu a.quantitative:focus {
  text-decoration:none;
  background-color: #99CCFF;
}

#menu a.qualitative:hover, #menu a.qualitative:active, #menu a.qualitative:focus {
  text-decoration:none;
  background-color: #FF99CC;
}

#menu a.admin:hover, #menu a.admin:active, #menu a.admin:focus {
  text-decoration:none;
  background-color: #FF9B37;
}

#menu a.suivi:hover, #menu a.suivi:active, #menu a.suivi:focus {
  text-decoration:none;
  background-color: #9BFF9B;
}

#sousmenu a.admin:hover, #sousmenu a.admin:active, #sousmenu a.admin:focus {
  text-decoration:none;
  background-color: #FF9B37;
}

#menu a.blue {
  font-weight:bold;
  background-color: #99CCFF;
  background-position: 0 16px;
  background-image: url(../img/fdMenuQuanti.gif);
  background-repeat: repeat-x;
}

#menu a.orange {
  font-weight:bold;
  background-color: #FF9B37;
  background-position: 0 16px;
  background-image: url(../img/fdMenuAdmin.gif);
  background-repeat: repeat-x;
}

#sousmenu a.orange {
  font-weight:bold;
  background-color: #FF9B37;
}

#menu a.pink {
  font-weight:bold;
  background-color: #FF99CC;
  background-position: 0 16px;
  background-image: url(../img/fdMenuQuali.gif);
  background-repeat: repeat-x;
}

#menu a.green {
  font-weight:bold;
  background-color: #9BFF9B;
  background-position: 0 16px;
  background-image: url(../img/fdMenuSuivi.gif);
  background-repeat: repeat-x;
}

#menu div.quantitative {
  background-position: 0 16px;
  background-image: url(../img/fdMenuQuanti.gif);
  background-repeat: repeat-x;
}

#menu div.qualitative {
  background-position: 0 16px;
  background-image: url(../img/fdMenuQuali.gif);
  background-repeat: repeat-x;
}

#menu div.admin {
  background-position: 0 16px;
  background-image: url(../img/fdMenuAdmin.gif);
  background-repeat: repeat-x;
}

#menu div.suivi {
  background-position: 0 16px;
  background-image: url(../img/fdMenuSuivi.gif);
  background-repeat: repeat-x;
}

/*************************************************************
    ONGLETS
*************************************************************/

#divOnglets {
  width:100%;
  margin-top: 15px;
  padding: 0px;
}

#onglets {
  padding: 0px;
  margin: 0px;
}

div.ongletSelected {
  background-color: #D6E6F8;
  font-weight: bold;
}

div.ongletMouseHover {
  background-color: #C0C0C0;
}

div.ongletMouseOut {
  background-color: white;
}

#onglets table td {
  padding: 0px;
  margin: 0px;
}

#onglets  li {
  list-style-type: none;
  float:left;
  text-transform: uppercase;
  padding: 0 2px;
}

#onglets div {
  border: 1px;
  border-bottom: 0px;
  border-style: solid;
  border-color: #666666;
  padding: 4px;
}

#onglets  li a {
  text-decoration: none;
  font-weight: bold;
  font-size: 1em;
}

#menuderoulant {
  clear: both;
}

#menuderoulant ul {
  left: 0px;
  top: 18px;
  background-color: #FFF;
  margin: 0px;
}

#menuderoulant ul ul {
  display: none;
  float: left;
  position: absolute;
  margin:0px;
  padding: 0px;
  border: 1px solid #B0B0B0;
}

#menuderoulant li {
  list-style-type: none;
  position: relative;
  padding: 0px;
  margin: 0px
}

#menuderoulant li:hover ul, #menuderoulant li.sfhover ul {
  display: block;
}

#contenuOnglet {
  text-align: center;
  margin: 0px;
  padding: 0px;
  border: 1px;
  border-style: solid;
  border-color: #666666;
  background-color: #D6E6F8;
  width: 100%;
  height: 400px;
}

/*************************************************************
    ERREURS - INFORMATIONS
*************************************************************/

#errorbox {
  height: 15px;
  text-align: center;
  background-color: #FFFFFF;
  color: #FF6464;
  margin-top: 5px;
  font-weight: bold;
  font-size: 1.1em;
}

#infobox {
  height: 15px;
  text-align: center;
  background-color: #FFFFFF;
  color: #4F81BD;
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 1.1em;
}

/*************************************************************
    TABLEAUX
*************************************************************/

table.tableListe{
  border:1px solid #666666;
  border-collapse:collapse;
  text-align:center;
}

table.tableListeFO {
  border:1px solid #666666;
  border-collapse:collapse;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

table.tableListe td {
  border:1px solid #cccccc;
  border-right:1px solid #666666;
  border-left:1px solid #666666;
  font-size: 1em;
  padding:0.3em 0.3em;
  vertical-align:top;
  empty-cells: show;
  color:#000000;
}

table.tableListeFO td {
  border:1px solid #cccccc;
  border-right:1px solid #666666;
  border-left:1px solid #666666;
  font-size: 1em;
  padding: 1px;
  margin: 0 0 0 0;
  vertical-align:middle;
  empty-cells: show;
  color:#000000;
}

td.blue {
  background-color: #D6E6F8;
}

td.white {
  background-color: #FFF;
}

td.selected {
  background-color: #C0C0C0;
}

td.alerte {
  background-color: #804040;
}

td.rouge {
  background-color: #FF6464;
}

td.orange {
  background-color: #FF9B37;
}

td.vert {
  background-color: #9BFF9B;
}

td.jaune {
  background-color: #FFFF9D;
}

td.gris {
  background-color: #E2E2E2;
}

td.actionicon {
  padding: 0px;
  margin: 0px;
  width: 16px;
}

tr.selected {
  background-color: #C0C0C0;
}

tr.blue {
  background-color: #D6E6F8;
}

tr.white {
  background-color: #FFF;
}

table.tableListe th {
  padding:0.3em 0.3em;
  border:1px solid #cccccc;
  font-weight:normal;
  color:#000000;
  height: 30px;
}

table.tableListeFO th {
  padding: 0 0 0 0;
  border:1px solid #cccccc;
  font-weight:normal;
  color:#000000;
  height: 15px;
}

table.tableListe th.TblLstTH {
  border:1px solid #666666;
  font-size: 1em;
  color:#000000;
  font-weight:bold;
  padding:0.3em 0.3em;
  vertical-align:middle;
  background:#99CCFF;
  empty-cells: show;
}

table.tableListeFO th.TblLstTHFO {
  border:1px solid #666666;
  font-size: 1em;
  color:#000000;
  font-weight:bold;
  padding: 0 0 0 0;
  vertical-align:middle;
  background:#99CCFF;
  empty-cells: show;
}

#pagination {
  padding: 0px;
  margin: 0px;
  font-size: 1.1em;
}

/*************************************************************
    CONTENU
*************************************************************/
#content {
  BACKGROUND-COLOR: #FFFFFF;
  clear:both;
  width:99%;
  border: 0px;
  padding: 0px;
  padding-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  text-align: center;
}

#titre {
  width: 100%;
}

h1.underlineblue {
  background-color: #99CCFF;
  border: 0px;
  border-top: 1px;
  border-bottom: 1px;
  border-style: solid;
  border-color: black;
  font-size:1.6em;
  line-height:1.4em;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 0px;
  margin-top: 5px;
  margin-bottom: 5px;
}

p.donnee {
  font-size: 0.8em;
}

div.rouge {
  border: 0px;
  border-bottom: 1px;
  border-style: solid;
  border-color: #FF6464;
  height: 15px;
  color: #FF6464;
}

p.rouge {
  color: #FF6464;
}

#aidecontextuelle {
  float: right;
  width: 300px;
  text-align: right;
  margin-top: 8px;
}

#soustitre {
  height: 20px;
  text-align: center;
  background-color: #D6E6F8;
  border: 0px;
  border-top: 1px;
  border-bottom: 1px;
  border-style: solid;
  border-color: #C0C0C0;
  font-weight: bold;
  font-size: 1.4em;
  text-transform:uppercase;
}

#actions {
  height: 20px;
  width: 100%;
  text-align: right;
  margin: 0;
  padding: 0;
}

#actions table {
  width: 100%;
}

#enteteFO {
  width: 100%;
  border: 0px;
  border-top: 1px;
  border-bottom: 1px;
  border-style: solid;
  border-color: #666666;
  background-color: #D6E6F8;
}

/*************************************************************
    FORMULAIRES
*************************************************************/
input {
  font-size:1em;
}

select {
  font-size:1em;
}

#form td {
  padding: 5px 5px 5px 5px;
  margin: 5px 5px 5px 5px;
}

div.formcontainer {
  text-align: center;
  font-size: 1em;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  border:1px solid #666666;
  background-color: #D6E6F8;
}

input.bouton {
  BORDER: #666666 1px solid;
  PADDING: 3px;
  cursor: pointer;
  font-size: 1em;
  font-weight:bold;
  background-color: #D6E6F8;
  background-repeat: no-repeat;
  background-position: 5% 25%;
}

input.boutongris {
  BORDER: #666666 1px solid;
  PADDING: 3px;
  cursor: pointer;
  font-size: 1em;
  font-weight:bold;
  background-color: #C0C0C0;
  background-repeat: no-repeat;
  background-position: 5% 25%;
}

input.boutonblanc {
  BORDER: #666666 1px solid;
  PADDING: 3px;
  cursor: pointer;
  font-size: 1em;
  font-weight:bold;
  background-color: white;
  background-repeat: no-repeat;
  background-position: 5% 25%;
}

a:hover input {
  background-color: #C0C0C0;
  border: #666666 1px solid;
}

/*************************************************************
    FOOTER
*************************************************************/
#footer {
  display: none;
  margin: 0px;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
  width: 99%;
  border: 0px;
  background-color: transparent;
  clear:both;
}

#footer p {
  text-align: left;
  color: #4F81BD;
  font-size:1em;
}


/*************************************************************
                    COMMENTAIRES
*************************************************************/

 .infosCol {
    width:100%;
 }
 .infosCol input {
   width:80%;
   text-align:left;
   font-size: smaller;
 }

.infosCol label {
   width:20%;
   padding-left: 10px;
   font-weight: bold;
   font-size: smaller;
 }
 .editorClass{
   text-align: left;
   width: 100%;
 }

 .titleCollapse label{
   font-weight: bold;
   text-decoration: underline;
 }


#rechercheListTbo td{
     font-size: smaller;
}


/*************************************************************
                           TBO
*************************************************************/

 .tboDefaultCell {
    width:100%;
 }



